
header{
  background-color: #03A9F4;
  border: 0px;
 }
 header ul{
   border: 0px;
 }
header ul li {
  height: 20px;
   line-height: 10px;
    text-align: center;
     display: none;
      color: #323237;
       position: relative;
       font-size: 18px;
       color: white;
       border: 0px;
       }
header ul li.active{ display: block; }

header .menu{
  display: block;
  height: 20px;
  padding: 0 20px;
  display: block;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../image/menu.png");
  float: left;
  position: absolute;
  top: -10px;
  left: 0;
}

  /* 底部 */
#footer{
    background-color: #f2f2f2;
   }
#footer ul li{
    padding-top: 36px;
    padding-bottom: 4px;
    background: url() no-repeat center 2px;
    background-size: auto 30px;
    text-align: center;
       }
#footer ul li.active{
   color: #6ab494;
  }
#footer ul li:nth-child(1){
   background-image: url(../image/bottombtn0101.png);
  }
#footer ul li:nth-child(2){
   background-image: url(../image/bottombtn0201.png);
  }
#footer ul li:nth-child(3){
   background-image: url(../image/bottombtn0301.png);
  }
#footer ul li:nth-child(4){
   background-image: url(../image/bottombtn0401.png);
  }
#footer ul li:nth-child(1).active{
   background-image: url(../image/bottombtn0102.png);
  }
#footer ul li:nth-child(2).active{
   background-image: url(../image/bottombtn0202.png);
  }
#footer ul li:nth-child(3).active{
   background-image: url(../image/bottombtn0302.png);
  }
#footer ul li:nth-child(4).active{
   background-image: url(../image/bottombtn0402.png);
  }

.flex-con{
  overflow: auto
}
